<!-- 代办事项和首页数据的详情页 -->
<template>
  <view class="cheduleDetails">
    <div class="nav"></div>
    <div class="one">
		<u-icon name="arrow-left" @click="cheduleDetails"></u-icon>
		<view class="cen">{{ arr.headline }}</view>
		<view></view>
	</div>
    <div class="two">
		<div class="list">
			<view class="left">日程标题</view>
			<div class="right">{{ arr.headline }}</div>
		</div>
		<div class="list">
			<view class="left">日程状态</view>
			<div class="right">执行中</div>
		</div>
		<div class="list">
			<view class="left">开始时间</view>
			<div class="right">{{ arr.establishTime }}</div>
		</div>
		<div class="list">
			<view class="left">结束时间</view>
			<div class="right">{{ arr.followTime }}</div>
		</div>
		<div class="list">
			<view class="left">紧要程度</view>
			<div class="right">{{ arr.degree }}</div>
		</div>
		<div class="list">
			<view class="left">关联业务</view>
			<div class="right" style="color: #42b4ff;">{{ arr.customerName }}</div>
		</div>
		<div class="list">
			<view class="left">负责人员</view>
			<div class="right">{{ arr.Vesting }}</div>
		</div>
		<div class="list">
			<view class="left">任务提醒</view>
			<div class="right">{{ arr.remind }}</div>
		</div>
		<div class="list">
			<view class="left">提醒方式</view>
			<div class="right">{{ arr.remindWay }}</div>
		</div>
		<div class="list">
			<view class="left">创建时间</view>
			<div class="right">{{ arr.establishTime }}</div>
		</div>
		<div class="list">
			<view class="left">最后更新</view>
			<div class="right">{{ arr.nextTime }}</div>
		</div>
	</div>
	<div class="three"></div>
	<div class="five">
		<div class="list">
			<u-icon name="edit-pen" size="28"></u-icon>
			<div class="span">变更状态</div>
		</div>
		<div class="list">
			<u-icon name="edit-pen-fill" size="28"></u-icon>
			<div class="span">编辑日程</div>
		</div>
		<div class="list">
			<u-icon name="trash" size="28"></u-icon>
			<div class="span">删除日程</div>
		</div>
	</div>
  </view>
</template>

<script>
export default {
  data() {
    return {
      arr: {},
    };
  },
  methods: {
    cheduleDetails(){
		uni.navigateBack()
	}
  },

  onLoad(options) {
    if (options.item) {
      // arr是自己定义的空对象
      this.arr = JSON.parse(options.item);
      console.log(this.arr);
    }
  },
};
</script>

<style lang="scss">
.nav {
  height: 80rpx;
  background-color: #ffffff;
}
.cheduleDetails {
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: #f9f9f9;
  .one{
	  width: 100%;
	  height: 100rpx;
	  display: flex;
	  justify-content: space-between;
	  padding: 0 20rpx;
	  align-items: center;
	  background-color: #ffffff;
	  .cen{
		  font-weight: 600;
	  }
  }
  .two{
	  margin-top: 40rpx;
	  .list{
		  width: 100%;
		  height: 100rpx;
		  background-color: #ffffff;
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  padding: 0 20rpx;
		  border-bottom: 1rpx solid gainsboro;
		  color: #a69999;
	  }
  }
  .three{
	  height: 230rpx;
  }
  .five{
	  width: 100%;
	  height: 140rpx;
	  padding: 0 20rpx;
	  display: flex;
		justify-content: space-evenly;
		align-items: center;
		position: fixed;
		top: 89%;
		left: 0;
		background-color: white;
		.list{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-evenly;
			color: #999999;
		}
  }
}
</style>
